<template>
	<!--
    	作者：1550495493@qq.com
    	时间：2019-07-18
    	描述：门户首页
    -->
	<div class="HomePage">
		<!--描述：网站访问量-->
		<div class="Website-visits">
			<div class="location">
				<div class="location-text fl">
					<img class="location-img fl" src="../../images/PortalThemes/WebSite.png" />
					<p class="fr">网站访问量</p>
				</div>
				<img class="biaotibg fl" src="../../images/home/biaotibg.png" />
			</div>
			<div class="Website-visits-nav">
				<div class="Website-right">
					<div class="Access-total">
						<div class="Cooperative-img">
							<img src="../../images/PortalThemes/Dayvisit.png" />
						</div>
						<div class="Cooperative-nav">
							<p>访问总量</p>
							<p class="name">{{access}}</p>
						</div>
					</div>
					<div class="Traffic-today">
						<div class="Cooperative-img">
							<img src="../../images/PortalThemes/access.png" />
						</div>
						<div class="Cooperative-nav">
							<p>今日访问量</p>
							<p class="name">{{traffic}}</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="Operation-records">
			<!--<div class="location">
				<div class="location-text fl">
					<img class="location-img fl" src="../../images/PortalThemes/OperationRecords.png" />
					<p class="fr">操作记录</p>
				</div>
				<img class="biaotibg fl" src="../../images/home/biaotibg.png" />
			</div>-->
			<div class="Website-visits-nav">
				<div class="Website-left">
					<select v-model="year">
						<option v-for="item in yearList" :value="item">{{item}}</option>
					</select>
					<input @click="StatisticsChart" class="query" type="button" value="查询" />
					<div id="Brokenline" class="Broken-line"></div>
				</div>
			</div>
		</div>

	</div>
</template>

<script src="./HomePage.js"></script>

<style scoped>
	@import "HomePage.css"
</style>
